@import '../../../asset/scss/mixin/export.scss';

.messages{
    padding: $pt20 $pt20 0;
    .message{
        margin-left: $pt15;
        position: relative;
        padding-bottom: $pt14;
        .message_title{
            @include font_nn_gl;
            margin:0 0 $pt2 0;
        }
        .message_content{
            @include font_ss_gl;
            padding-left: $pt15;
            margin: 0;
            line-height: $pt18;
        }
        .circle{
            position:absolute;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            top: 3px;
            left: -$pt15;
            background: $circleGray;
        }
        .hor_line{
            position: absolute;
            background: $circleGray;
            width: 1px;
            top:0;
            bottom:0;
            left: -$pt10;
        }
        .divide{
            background: $circleGray!important;
            margin-top: $pt10;
        }
    }

    .message:first-child{
        .hor_line{
            top: 10px;
        }
    }

    .message:last-child{
        .hor_line{
            bottom:auto;
            height: 10px;
        }
    }
}

.empty{
    @include empty;
}

